<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css样式</title>

    <style>
        /*在这个里面写样式*/
        name{
            color: #ff0000;
            background-color: #00ffff;
        }
        #p1{
            color: #cc0000;
        }
        #p2{
            color: #1E0FBE;
        }
        .size{
            front-size:40px;
            color: #3e2c42;
        }
        .color{
            color: #3e2c42;
        }
        div{
            /*height: 1000px;*/
            /*width:200px;*/
            /*border: 2px solid #ff841b;*/
        }
        input [type="text"]{
            color: #000
        ;
        }
        .pg-content-desc{
            margin-top: 70px;
            margin-left: 30px;
        }
    </style>
       <link rel="stylesheet" href="./note.css">
</head>
<body>
    <!--p style="color: #adff2f">P标签</p-->
    <p>P标签</p>
    <p id="p1">P1标签</p>
    <p id="p2">P2标签</p>
    <p class="size color">black的p标签</p>
    <p class="color">black的P2标签</p>
    <div style="width: 20%;height: 100%; float: left;background-color:#f0e68c;position: fixed">
        div1
    </div>
    <div style="width: 80%;height: 1000px;float:right;height: 100%;background-color: #1AB394">
        <div class="pg-content" style="width: 80px;height: 80px">
        <div class="pg-content-desc">
            <p style="display: inline">80%</p>
            <p style="display: inline">70%</p>
            <span style="display: block">spa1</span>
            <span style="display: block">spa2</span>
        </div>
    </div>
    </div>

    <input type="text" name="uname"/>
</body>
</html>